
import { ScaleS, ScaleT } from 'src/utils/ScreenUtil'
import {
  StyleSheet
} from 'react-native'
import { ONE_PIXEL } from '@/utils/ScreenUtil'
const buttonStyle = {
  width: ScaleS(297),
  height: ScaleS(45),
  borderRadius: ScaleS(10),
  alignSelf: 'center',
  justifyContent: 'center',
  alignItems: 'center'
}
const marg = {
  marginLeft: ScaleS(20),
  marginRight: ScaleS(20)
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    height: '100%',
    backgroundColor: '#FFFFFF'
  },
  customBoxShadowView: {
    height: ScaleS(87),
    position: 'absolute',
    bottom: ScaleS(0),
    width: '100%',
    backgroundColor: '#fff',
    justifyContent: 'center',
    alignItems: 'center'
  },
  customBoxShadow: {
    width: ScaleS(321),
    height: ScaleS(47),
    shadowRadius: ScaleS(40),
    marginHorizontal: ScaleS(2),
    shadowOpacity: 0.25,
    shadowColor: '#9C9C9C',
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#fff',
    borderRadius: ScaleS(5),
    shadowOffset: {
      width: 0,
      height: ScaleS(7)
    }
  },
  itemView: {
    paddingTop: ScaleS(11),
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center'
  },
  itemleftIcon: {
    width: ScaleS(20),
    height: ScaleS(20),
    borderRadius: ScaleS(10),
    borderColor: 'rgba(120, 120, 120, 0.5)',
    borderWidth: ONE_PIXEL,
    borderStyle: 'solid',
    marginRight: ScaleS(20),
    justifyContent: 'center',
    alignItems: 'center',
    overflow: 'hidden',
    marginLeft: ScaleS(40)
  },
  itemRightView: {
    width: ScaleS(335),
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center',
    height: ScaleS(47),
    borderRadius: ScaleS(5),
    backgroundColor: '#F7F7F7'
  },
  temRightItem: {
    marginLeft: ScaleS(21),
    marginRight: ScaleS(10),
    width: ScaleS(18),
    height: ScaleS(18)
  },
  itemRightText: {
    color: 'rgba(68,68,68,1)',
    width: ScaleS(275),
    fontWeight: '400'
  },
  yellowItemRightText: {
    color: '#FFC200'
  },
  pitchOnSize: {
    width: ScaleS(40),
    height: ScaleS(40),
    marginRight: ScaleS(20)
  },
  CustomImage: {
    width: '100%',
    height: '100%'
  },
  companyTouchableOpacity: {
    borderColor: '#EFEFEF',
    borderStyle: 'solid',
    borderBottomWidth: ONE_PIXEL
  },
  addSiteTopTitle: {
    ...marg,
    color: 'rgba(68,68,68,1)',
    fontWeight: '500',
    marginTop: ScaleS(94),
    fontSize: ScaleT(27)
  },
  addSiteTopText: {
    marginLeft: ScaleS(20),
    fontWeight: '500',
    fontSize: ScaleT(14),
    color: '#999999'
  },
  button: {
    flexDirection: 'row',
    height: ScaleS(47),
    justifyContent: 'center',
    alignItems: 'center'
  },
  buttonText: {
    marginLeft: ScaleS(9)
  },
  headerView: {
    borderBottomWidth: ONE_PIXEL,
    borderStyle: 'solid',
    paddingBottom: ScaleS(15),
    borderColor: 'rgba(239, 239, 239,0.8)',
    marginTop: ScaleS(20),
    marginBottom: ScaleS(10),
    flexDirection: 'row',
    justifyContent: 'space-between',
    alignItems: 'center'
  },
  naviBtnBG: {
    width: ScaleS(58),
    alignSelf: 'flex-end',
    height: ScaleS(28),
    justifyContent: 'center',
    alignItems: 'center',
    marginRight: ScaleS(20),
    borderRadius: ScaleS(14),
    borderWidth: ONE_PIXEL,
    borderStyle: 'solid',
    borderColor: '#000000',
    fontSize: ScaleT(12),
    fontWeight: '600',
    color: '#000000'
  },
  noButton: {
    ...buttonStyle,
    backgroundColor: '#D8D8D8',
    marginBottom: ScaleS(12)
  },
  yesButton: {
    ...buttonStyle,
    backgroundColor: '#000',
    marginBottom: ScaleS(20)
  },
  title: {
    marginTop: ScaleS(27),
    marginBottom: ScaleS(53),
    fontSize: ScaleT(24),
    color: '#444444'
  },
  text: {
    fontSize: ScaleT(18),
    color: '#444',
    marginBottom: ScaleS(55)
  },
  modalView: {
    marginLeft: ScaleS(10),
    width: ScaleS(353),
    backgroundColor: '#fff',
    justifyContent: 'center',
    alignItems: 'center',
    borderRadius: ScaleS(4)
  },
  noButtonText: {
    color: '#999999'
  },
  yesButtonText: {
    color: '#fff'
  },
  scrollView: {
    ...marg,
    paddingBottom: ScaleS(80)
  },
  checkDeleteView: {
    width: '100%',
    borderColor: 'rgba(231,231,231,1)',
    borderWidth: ONE_PIXEL,
    borderStyle: 'solid',
    backgroundColor: '#fff',
    justifyContent: 'space-around'
  }
})
export default styles
